<template>
	<div>
		<strong class="block-title">注单信息</strong>
		<el-row class="block-content">
			<el-col :span="9">注单号： {{ dataList.id || '-' }}</el-col>
			<el-col :span="9">
				三方订单号： {{ dataList.thirdOrderId || '-' }}
			</el-col>
			<el-col :span="6">
				游戏平台：
				<span>
					{{ $parent.gameType }}
				</span>
			</el-col>
			<el-col :span="9">
				比赛类型： {{ dataList.matchType || '-' }}
			</el-col>
			<el-col :span="9">
				投注金额：
				{{ decimalToFixed2(dataList.betAmount) }}
			</el-col>
			<el-col :span="6">投注IP： {{ dataList.loginIp || '-' }}</el-col>
			<el-col :span="9">
				有效投注：
				{{ decimalToFixed2(dataList.validBetAmount) }}
			</el-col>
			<el-col :span="9">
				投注终端：
				{{
					dataList.deviceType === '其他'
						? dataList.deviceType
						: typeFilter(dataList.deviceType, 'loginDeviceType')
				}}
			</el-col>
			<el-col :span="6">
				同步时间： {{ dataList.synchronizationTime || '-' }}
			</el-col>
			<el-col :span="9">
				输赢金额：
				{{ decimalToFixed2(dataList.netAmount) }}
			</el-col>
			<el-col :span="9">投注时间： {{ dataList.createAt || '-' }}</el-col>
			<el-col :span="6">结算时间： {{ dataList.netAt || '-' }}</el-col>

			<el-col :span="6">
				状态归类：
				{{ typeFilter(dataList.obBetStatus, 'betStatusType') }}
			</el-col>
		</el-row>

		<el-table
			border
			size="mini"
			class="small-size-table"
			:data="dataList.details"
			style="width: 100%"
			:header-cell-style="$parent.getRowStyle"
		>
			<el-table-column prop="matchDetail" label="赛事详情" align="center">
				<template slot-scope="scope">
					<span v-html="scope.row.matchDetail"></span>
				</template>
			</el-table-column>
			<el-table-column
				prop="marketDetail"
				label="盘口详情"
				align="center"
			>
				<template slot-scope="scope">
					<span v-html="scope.row.marketDetail"></span>
				</template>
			</el-table-column>
			<el-table-column prop="orderDetail" label="注单详情" align="center">
				<template slot-scope="scope">
					<span v-html="scope.row.orderDetail"></span>
				</template>
			</el-table-column>
			<el-table-column prop="netAt" label="结算时间" align="center">
				<template slot-scope="scope">
					{{ scope.row.netAt || '-' }}
				</template>
			</el-table-column>
		</el-table>
	</div>
</template>

<script>
import list from '@/mixins/list'
export default {
	mixins: [list],
	props: {
		dataList: {
			type: Object,
			default: () => ({})
		}
	}
}
</script>
